<div data-page="moviedetail" class="page">
    <div class="page-content bg-white">
        <div class="content-block moviedetail no-border" style="margin: 0px;padding: 0px" data-mid="{{movie.mid}}">
            <div style="margin: 0px;">
                {{#if movie.movie_bigpic}}
                    <img data-src="{{movie.movie_bigpic}}" style="width: 100%;height: 200px;margin: 0px;padding: 0px;"
                         class="lazy lazy-loaded lazy-fadeIn"
                         onerror='this.src="http://cdn.bestmovie.com.cn/wechat/img/movieNull.jpg"'>
                {{else}}
                    <img data-src="{{movie.poster}}" style="width: 100%;height: 200px;margin: 0px;padding: 0px;"
                         class="lazy lazy-loaded lazy-fadeIn"
                         data-onerror='this.src="http://cdn.bestmovie.com.cn/wechat/img/movieNull.jpg"'>
                {{/if}}
            </div>
            <div class="list-block media-list">
                <div class="item-content" style="position: absolute;top: 120px;width: 100%">
                    <div class="item-media radius picture" style="padding-top: 10px;"><img height="160px" width="120px"
                                                                                           data-src="{{movie.poster}}"
                                                                                           class="lazy lazy-loaded lazy-fadeIn"
                                                                                           style="padding:2px;background: #fff;-moz-box-shadow:2px 2px 10px #777;-webkit-box-shadow:2px 2px 10px #777;box-shadow:2px 2px 10px #777;"
                                                                                           onerror='this.src="img/movieNull.jpg"'>
                    </div>
                    <div class="item-inner">
                        <div class="item-title-row"
                             style="padding-top: 20px;text-shadow: 2px 2px 2px #000;font-size: large;color: white">
                            <div class="item-title moviename"> {{movie.movie_name}}</div>
                        </div>
                        <div class="item-title-row" style="margin-top: 35px">
                            <div class="item-subtitle">{{movie.filmlength}}</div>
                            <div class="left" style="color: red">{{movie.score}}分</div>
                        </div>
                        <div class="item-subtitle" style="margin-top: 10px;overflow: hidden;">{{movie.category}}</div>
                        <div class="item-title-row">
                            <div class="item-subtitle" style="font-size: small;margin-top: 10px">{{movie.publishdate}}
                                上映
                            </div>
                            <div class="item-after">
                                <i class="collect icon iconfont {{#if isCollection}}icon-xin4{{else}}icon-xin3{{/if}}"
                                   style="font-size: 22px"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            {{#if cinemas}}
                <div class="content-block-title" style="margin: 120px 10px 10px 10px;">
                    放映影院
                    <a href="cinemalist?mid={{movie.mid}}"
                       class="link page-home-more">查看更多</a>
                </div>
                <div class="content-block" style="margin: 0px">
                    <div class="content-block-inner bg-white">
                        <div data-pagination=".swiper-pagination-c3" data-space-between="2" data-slides-per-view="3"
                             class="swiper-container swiper-init ks-carousel-slider">
                            <div class="swiper-wrapper">
                                {{#with cinemas}}
                                    {{#each this}}
                                        <div class="swiper-slide page-home-movie-block">
                                            <a href="cinemadetail?cinema_code={{cinema_code}}"
                                               class="item-link" data-ignore-cache="true">
                                                <img src="{{cinema_picture}}" onerror='this.src="img/1.png"'
                                                     class="page-home-poster-cinema"/>
                                                <div class="row">
                                                    <div class="col-100 page-home-movie-title">{{cinema_name}}</div>
                                                </div>
                                            </a>
                                        </div>
                                    {{/each}}
                                {{/with}}
                            </div>
                        </div>
                    </div>
                </div>
            {{else}}
                <div style="margin: 104px 0px 0px 0px;"></div>
            {{/if}}
            <!--<div class="card" style="margin: 104px 0px 0px 0px;width: 100%;box-shadow:0px 0px 0px 0px;background: none">-->
            <div class="card" style="margin: 0px">
                <div class="card-content">
                    <div class="card-content-inner">
                        <h3 style="text-align: center">电影详情</h3>
                        <div class="row">
                            <div class="left detail" style="-webkit-line-clamp:1">导演:{{movie.director}}</div>
                            <div class="right detail">国家:{{movie.country}}</div>
                        </div>
                        <div class="row detail" style="-webkit-line-clamp:1">主演:{{movie.cast}}</div>
                        <p class="detail" style="-webkit-line-clamp:7">{{movie.brief}}</p>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>